<template>
	<view>
		<view class="top">
			<p class="text">全民营销</p>
		</view>
		<view class="top_two"></view>
		<view class="body">
			<view style="padding-top: 50rpx;">
				<p style="margin-left:100rpx;color:#6464AD;">full&nbsp;&nbsp;name</p>
				<view class="input">
					<u-input placeholder="输入姓名" v-model="value" type="text" border="true" border-color="#000" />
				</view>
			</view>

			<view style="padding-top: 50rpx;">
				<p style="margin-left:100rpx;color:#6464AD;">ID&nbsp;&nbsp;No</p>
				<view class="input">
					<u-input  class="myico" placeholder="输入身份证号码" v-model="value1" type="text" border="true" border-color="#000" />
				</view>
			</view>
			<view style="padding-top: 50rpx;">
				<p style="margin-left:100rpx;color:#6464AD;">cell-phone&nbsp;&nbsp;number</p>
				<view class="input">
					<u-input placeholder="输入手机号" v-model="value2" type="text" border="true" border-color="#000" />
				</view>
			</view>
			
			<view style="padding-top: 50rpx;">
				<p style="margin-left:100rpx;color:#6464AD;">Verification&nbsp;&nbsp;Code</p>
				<view class="input">
					<u-input placeholder="输入验证码" v-model="value3" type="text" border="true" border-color="#000" />
				</view>
			</view>
			<view class="b1">
				<u-button type="button" @click="go_box">
				</u-button>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				passwordIcon: true,
				border: true,
				type: 'text',
				value: "",
				value1: "",
				value2: "",
				value3: "",
			}
		},
		methods: {

		}
	}
</script>

<style>
	.top {
		width: 750rpx;
		height: 100rpx;
		background-color: #6666CC;
	}

	.top_two {
		width: 750rpx;
		height: 50rpx;
		background-color: #B67AF6;
	}

	.text {
		font-size: 35rpx;
		font-weight: 900;
		color: #FFFFFF;
		margin-left: 20rpx;
		padding-top: 15rpx;
	}

	.body {
		background-color: #F7F7FD;
		width: 750rpx;
		height: 1050rpx;
	}
	
		/* height: 80rpx;
		width: 600rpx;
		margin: 100rpx 0 0 75rpx; 
	}
*/
	.input {
		background-color: #FFFFFF;
		width: 550rpx;
		margin-left: 100rpx;
		border: 3px solid #6464AD;
		height: 60rpx;
	}
	.myico{
		/* background:url(../../static/image/
		) no-repeat 15rpx center; */
		text-indent: 20rpx;
	}
	.b1 {
		height: 200rpx;
		width: 300rpx;
		margin: 60rpx 0 0 225rpx;
		position: absolute;
	}
	button {
	/* 	background-image: url("@/static/image/button.png"); */
		background-size: 300rpx 100rpx;
	}
</style>
